let i = 0;  
const images = document.querySelectorAll('.image');  
const count = images.length;  
  
// 显示第一张图片  
images[i].classList.add('active');  
  
// 图片轮播函数  
function active1() {  
    // 移除当前活动图片的 'active' 类  
    images[i].classList.remove('active');  
  
    // 更新当前索引并处理循环  
    i = (i + 1) % count;  
  
    // 为新的活动图片添加 'active' 类  
    images[i].classList.add('active');  
    if(i==0){
        $('#name1').css('color','rgb(250, 113, 39)');
        $('#name2').css('color','rgba(232, 225, 27, 0.9)');
        $('#name3').css('color','rgba(232, 225, 27, 0.9)');
        $('#pic').attr('href', 'food/红烧肉.html')
    }

    if(i==1){
        $('#name1').css('color','rgba(232, 225, 27, 0.9)');
        $('#name2').css('color','rgb(250, 113, 39)');
        $('#name3').css('color','rgba(232, 225, 27, 0.9)');
        $('#pic').attr('href', 'food/可乐鸡翅.html'); 
    }
    if(i==2){
        $('#name1').css('color','rgba(232, 225, 27, 0.9)');
        $('#name2').css('color','rgba(232, 225, 27, 0.9)');
        $('#name3').css('color','rgb(250, 113, 39)');
        $('#pic').attr('href', 'food/土豆丝.html');  
    }
}  
  
// 每3秒调用一次carousel函数（可以根据需要调整时间间隔）  
setInterval(active1, 2000);

